<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 新 Bootstrap5 核心文件 -->
    <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.min.css">
    <script src="/static/bootstrap/js/popper.min.js"></script>
    <script src="/static/bootstrap/js/bootstrap.min.js"></script>
    <!-- our project just needs Font Awesome Solid + Brands -->
    <link href="/static/fontawesome/css/all.css" rel="stylesheet" />
    <script src="/static/jquery/jquery-3.7.1.js"></script>
    <script src="/static/jquery/jquery.qrcode.min.js"></script>
    <!-- 专属脚本 -->
    <link rel="stylesheet" href="/static/css/fastpay.css">
    <script src="/static/js/file-list.js"></script>
    <title>Document</title>
    <style>
        /* body {    overflow: hidden;       } */
        /* ::-webkit-scrollbar {
            display: none;
        } */

        #spotlist {
            overflow-y: auto;
            /* scrollbar-width: thin; */
            /* scrollbar-color: #888 #f1f1f1; */
        }

        /* .ttable::-webkit-scrollbar {
            display: inline;
            width: 8px;
        }

        .ttable::-webkit-scrollbar-track {
            background-color: #f1f1f1;
        }

        .ttable::-webkit-scrollbar-thumb {
            background-color: #888;
            border-radius: 4px;
        }

        .ttable::-webkit-scrollbar-thumb:hover {
            background-color: #555;
        } */
    </style>
</head>

<body>

    <div class="container-fluid p-5">
        <h1>资源列表</h1>
        <p>最多显示100条,超出部分请更换查询条件。</p>

        <div class="d-flex flex-row justify-content-end align-items-center">
            <div class="ms-2 input-group">
                <span class="p-2 input-group-addon"><i class="fa fa-calendar fa-fw"></i></span>
                <input class="form-control" type="date" name="myDate" id="myDate">
            </div>
            <div class="ms-2 input-group">
                <span class="p-2 input-group-addon"><i class="fa fa-search fa-fw" aria-hidden="true"></i></span>
                <input class="form-control" type="search" name="mySearch" id="mySearch">
            </div>
            <a class="ms-2 btn btn-primary" href="#" id="doSearch"> Search </a>
        </div>

        <div>
            <ul class="list-group" id="spotlist">
                <!-- <li class="list-group-item d-flex flex-row justify-content-between p-3 my-1" data-bs-toggle="tooltip" title="我是提示内容!">
                    <div class="d-flex flex-row">
                        <div class="d-flex flex-column justify-content-start align-items-center">
                            <i class="fa fa-cloud-download p-5 border border-1 border-primary rounded-2"
                                style="font-size:80px;color:rgb(102, 102, 102);"></i>
                            <span class="m-2">文件名文件名文件名</span>
                        </div>
                        <div class="d-flex flex-column align-content-center p-3">
                            <h1>Display 标题</h1>
                            <h5>分组标签:</h5>
                            <h5>上传人员:</h5>
                            <h5>上传时间:</h5>
                        </div>
                    </div>
                    <div class="d-flex flex-column justify-content-center">
                        <a class="btn btn-secondary" href="#">
                            <i class="fa fa-download fa-lg"></i> Download</a>
                    </div>
                </li> -->
            </ul>
        </div>

    </div>
</body>

</html>